import { ref } from "vue";

export default() => {
    const display = ref<Boolean | false>(false)
    const displayConfirmation = ref<Boolean | false>(false)
    const visibleLeft = ref<Boolean | false>(false)
    const visibleRight = ref<Boolean | false>(false)
    const visibleTop = ref<Boolean | false>(false)
    const visibleBottom = ref<Boolean | false>(false)
    const visibleFull = ref<Boolean | false>(false)
    const products: Ref<any[]> = ref([])
    const selectedProduct = ref<HTMLElement | null>(null)
    const op = ref<Object | {}>({})
    const op2 = ref<Object | {}>({})
    const popup = ref<HTMLElement | null>(null)

    return {
        display,
        displayConfirmation,
        visibleLeft,
        visibleRight,
        visibleTop,
        visibleBottom,
        visibleFull,
        products,
        selectedProduct,
        op,
        op2,
        popup,
    }

}